import React, { Component } from 'react';
import { Link } from 'react-router-dom'

import { Pagination } from 'antd';
function itemRender(current, type, originalElement) {
    if (type === 'prev') {
      return <a>上一页</a>;
    }
    if (type === 'next') {
      return <a>下一页</a>;
    }
    return originalElement;
  }
class chongzhi extends Component {
    constructor(props){
        super(props);
        this.state={
            arr:[1,1,1,1,1,1,1,1,1,1,1,11,1,1,1]
        }
    }
    render() {
        return (
            <div className="chongzhi">
                <div className="chongzhi-t">
                    账户充值
                </div>
                <div className="chongzhi-c">
                    <p>账户余额：<span>￥6666.00</span></p>
                    <p>充值金额：<input type="text"/></p>
                    <p><Link to="/cgtijiao">充值</Link></p>
                </div>
                <div className="jianju"></div>
                <div className="chongzhi-b">
                    <div className="chongzhi-b-t">
                        充值记录
                    </div>
                    <dl>
                        <dd>
                            <span>时间</span>
                            <span>充值订单号</span>
                            <span>充值金额</span>
                            <span>账户金额</span>
                        </dd>
                        {this.state.arr.map((v,i)=>{
                            return(<dt>
                                <span>2016-04-15 17:21:21</span>
                                <span className="se">41347943297567</span>
                                <span className="se">￥1000.00元</span>
                                <span>￥3443.03元</span>
                            </dt>)
                        })}
                    </dl>
                    <div className="fenye">
                    <Link to="###">首页</Link>
                    <Pagination showSizeChanger={false} showQuickJumper total={500} itemRender={itemRender} />
                    <Link to="###">确定</Link>
                    <span>共500条</span>
                    </div>
                </div>
            </div>
        );
    }
}

export default chongzhi;